<template>
	<!-- 這是 提供 簡短的 index label -->
	<div class="breL_body">
		<div class="breL_category">
			<template v-for="(_, index) in vforData" :key="index">
				<a class="breL_unit" :id="'unit_' + (index == '0' ? 'start' : index == vforData.length - 1 ? 'end' : 'center')" :title="vforalt[index]">{{ _ }}</a>
				{{ index < vforData.length - 1 ? '>>' : undefined }}
			</template>
		</div>
	</div>
</template>

<script setup>
//接受參數 :
/**
 * url 鎖定地址 確認 數據來源 指向
 */
let prop = defineProps(['url']);
prop.url;
//類別提示
let vforData = ['Category', 'souk', 'MineC'];

//獲取到數據
let vforalt = ['Game', 'Platform', 'Name'];
</script>

<style scoped lang="scss">
.breL_body {
	width: 80%;
	margin: 0 auto;
}
.breL_unit {
	cursor: pointer;
}
#unit_start {
	margin: 0 10px 0 0;
}
#unit_center {
	margin: 0 10px 0 10px;
}
#unit_end {
	margin: 0 0 0 10px;
}
</style>
